<template >
    <div class="invite">
        <div class="topImg">
            <img src="static/slider2.jpg" />
            <div class="swiperbg"></div>
        </div>
        <div class="sectionNews" style="padding:20px 0; ">
            <div class="sectionTitle">
                <div class="name">{{result.basc.nav&&result.basc.nav[3].name}}</div>
                <p class="sname">{{result.basc.nav&&result.basc.nav[3].en_name}}</p>
                <p class="dian"><span></span></p>
            </div>
            <div class="indexNewsList">
                <div class="newList">
                    <group class="listed">

                        <cell v-for="item in result.list" :key="item.id" align-items="flex-start" :link="{path:'/twos/invitedetail',query:{nid:item.id}}">
                            <img :src="item.logo" class="newslist-img" slot="icon" alt="" />
                            <div class="invite-title" slot="title">
                                {{item.name}}
                            </div>
                            <div class="invite-desc" slot="inline-desc">
                                <div class="sub-title">
                                    <span class="year">工作年限 {{item.year}}</span>
                                    <span class="edu">最低学历 {{item.min}}</span>
                                </div>
                                <div class="sub-title">
                                    <span class="people">招聘人数 {{item.num}}人</span>
                                </div>
                                <!-- <p>岗位职责</p> -->
                                <!-- <div class="" v-html="item.content"></div> -->

                            </div>
                        </cell>

                    </group>
                </div>
            </div>
        </div>
        <footers :basc="result.basc"></footers>
    </div>
</template>

<script>
import { Group, Cell } from 'vux'
import Footers from './Footer'
export default {
    components:{
        Group,Cell,
        Footers
    },
    data: () => ({
        result:{basc:{web_logo:''}}
    }),
    created(){
        this.Query('recruitment').then(result => {
            this.result = result;
        }).catch(os =>{
            console.log('错误');
        });
    }
}
</script>

<style lang="css">
</style>
